html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0px 0px;
	width: 100%;
	height: 100%;
	font-family: Helvetica, Arial, san-serif;
	font-size: 10pt;
	overflow: visible;
}

.gameFieldPanel {
	border: 1px #0f0 solid;
	background-color: #fff;
	width: 75%;
	height: 75%;
	filter: literal("alpha(opacity = 100)"); /* IE */
	opacity: 1; /* non-IE */
	z-index: 1;
	overflow: visible;
}

.tileGroupPanel {
	border: 1px #000 dotted;
	filter: literal("alpha(opacity = 100)"); /* IE */
	opacity: 1; /* non-IE */
	z-index: 1;
	overflow: visible;
}

.mapObjectPanel {
	border: 1px #f00 dotted;
	filter: literal("alpha(opacity = 100)"); /* IE */
	opacity: 1; /* non-IE */
	z-index: 2;
	overflow: visible;
}

.tile {
	/* border: 0px #000 solid; */
	border: collapse;
	padding: 0px;
	margin: 0px;
}

.crossBg {
   background-image: url("cross.png");

}

.rombBg {
   background-image: url("romb.png");
}

.bg-obj1 {
   background-image: url("obj1.png");

}
